table {
  border-top: none;
  border-collapse: separate;
  padding: 0;
  thead {
    tr {
      th {
        &:first-child {
          padding-left: 0;
          text-align: center;
        }
      }
    }
  }
  tbody {
    tr {
      td {
        &.tb-tiktoker {
          display: flex;
          align-items: center;
          img {
            &:first-child {
              height: 64px;
              width: 64px;
              border-radius: 4px;
            }
          }
          .video-time {
            text-align: center;
          }
          .tb-name {
            /*display: flex;*/
            align-items: center;
            margin-bottom: 16px;
            position: absolute;
            text-overflow: ellipsis;
            width: calc(100% - 65px);
            overflow: hidden;
            white-space: nowrap;
            line-height: 1.2;
            top: 0;
          }
          .bottom {
            color: #909399;
            display: flex;
            margin-top: 26px;
            div {
              color: #909399;
              font-size: 1.167rem;
              line-height: 1;
            }
          }
        }
        &:first-child {
          padding-left: 0;
          text-align: center;
        }
      }
    }
  }
  tfoot {
    tr {
      td {
        padding-bottom: 0;
        border-bottom: none;
      }
    }
  }
  tr {
    td,th {
      border-bottom: 1px solid #EBEEF5;
    }
  }
  .td-inx {
    display: flex;
    align-items: center;
    justify-content: center;
    .iconfont {
      font-size: 1.167rem;
      &.red {
        color: #F56C6C;
      }
      &.green {
        color: #67C23A;
      }
      &.gray {
        color: #909399;
      }
      &.orange {
        color: #FF873F;
      }
    }
  }
  .td-detail {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    div {
      width: 32px;
      height: 32px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      &:first-child {
        margin-right: 10px;
        background: rgba(245, 108, 108, 0.2);
        color: rgba(245, 108, 108, 1);
        &:hover {
          background-color: rgba(245, 108, 108, 1);
          .iconfont {
            color: #FFF;
          }
        }
      }
      &:last-child {
        background: rgba(103, 194, 58, 0.2);
        color: rgba(103, 194, 58, 1);
        &:hover {
          background: rgba(103, 194, 58, 1);
          .iconfont {
            color: #FFF;
          }
        }
      }
    }
  }
}
@media screen and (max-width: 1000px){
  table {
    tbody {
      .tb-tiktoker {
        .bottom {
          .time {
            display: none;
          }
        }
      }
    }
  }
}